<template>
  <lay-container fluid="true" style="padding: 10px">
    <lay-row space="10">
      <lay-col md="6" sm="6" xs="12">
        <lay-card>1</lay-card>
      </lay-col>
      <lay-col md="6" sm="6" xs="12">
        <lay-card>2</lay-card>
      </lay-col>
      <lay-col md="6" sm="6" xs="12">
        <lay-card>3</lay-card>
      </lay-col>
      <lay-col md="6" sm="6" xs="12">
        <lay-card>4</lay-card>
      </lay-col>
      <lay-col md="18" sm="18" xs="24">
        <lay-card>5</lay-card>
      </lay-col>
      <lay-col md="6" sm="6" xs="24">
        <lay-card>6</lay-card>
      </lay-col>
    </lay-row>
  </lay-container>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";

export default defineComponent({
  setup() {
    return {};
  },
});
</script>